<style>

    /*底部*/
    .ui-footer-btn .ui-tiled {
        background-color: #b852e8;
        background: -webkit-linear-gradient(left, #b852e8, #586fec);
        color: #fff;
    }
    .ui-footer-btn {
        border-top: 1px solid #e0e0e0;
        color: #373739;
    }
    .ui-footer-btn .active {
        color: #000000;
    }
    .ui-tiled li {
        color: #FFFFFF;
    }
    .ui-tiled li .label {
        display: block;
        font-size: 14px;
        position: relative;
        top: -6px;
    }
</style>
<footer class="ui-footer ui-footer-btn">
    <ul class="ui-tiled ui-border-t">
        <li data-href="/" class="ui-border-r" lang="index"><div>
            <i class="icon icon-home"></i>
            <span class="label">我的首页</span>
        </div></li>
        <li data-href="/Home/Index/course_list" class="ui-border-r" lang="news"><div>
            <i class="icon icon-creditlevel"></i>
            <span class="label">我的选课</span>
        </div></li>
        <li data-href="/Home/Index/score" class="ui-border-r" lang="personal"><div>
            <i class="icon icon-jifen"></i>
            <span class="label">我的成绩</span>
        </div></li>
        <li data-href="/Home/Index/personal" class="ui-border-r" lang="personal"><div>
            <i class="icon icon-my"></i>
            <span class="label">个人中心</span>
        </div></li>
    </ul>
</footer>